<script type="text/javascript">
	$(document).ready(function(){
		//set tabs 
		$( "#tabs" ).tabs({collapsible: true});

		//set delete button
		$( ".demo button[name=delete_btn]" ).button({
            icons: {
                primary: "ui-icon-circle-close"
            },
            text: false
        });

		//set edit button
		$( ".demo button[name=edit_btn]" ).button({
            icons: {
                primary: "ui-icon-wrench"
            },
            text: false
        });

        //ajax roomtype
        $("#room_type").change(function(){
			$.post("<?=base_url()?>room/ajax_change_type", {
				ajax_roomtype: $(this).val()
			},
					function(result){
						$("#print").html(result);
					}
			);
        });

        //roomtype in form
        $("#form_roomtype").change(function(){
			if($(this).val() == 'meeting'){
				$("input[name=form_comcount]").attr("disabled", true);
				$("#form_sw").attr("disabled", true);
			}
			else if($(this).val() == 'lab'){
				$("input[name=form_comcount]").attr("disabled", false);
				$("#form_sw").attr("disabled", false);
			}
        });

        //set button
        $("input[type=submit]").button();
        $("input[type=reset]").button();
		
	});
</script>

<div id="tabs">
	<ul>
		<li><a href="#tabs-1">เพิ่มห้อง</a></li>
		<li><a href="#tabs-2">แก้ไขห้อง</a></li>
	</ul>

	<!-- เพิ่มห้อง -->
	<div id="tabs-1">
		
		<form method="post" action="<?=base_url()?>room/addroom">
		<table border="0" class ="datatable">
				<tr>
					<td>ประเภทห้อง</td>
					<td>
						<select name="form_roomtype" id="form_roomtype">
							<option value="lab">ห้องปฎิบัติการทางคอมพิวเตอร์</option>
							<option value="meeting">ห้องประชุม</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>ชื่อห้อง</td>
					<td><input type="text" name="form_roomname"></td>
				</tr>
				<tr>
					<td>ตึก</td>
					<td><input type="text" name="form_build"></td>
				</tr>
				<tr>
					<td>จำนวนคนสูงสุดที่รับได้</td>
					<td><input type="text" name="form_roommax"></td>
				</tr>
				<tr>
					<td>จำนวนคอมพิวเตอร์ที่มี</td>
					<td><input type="text" name="form_comcount"></td>
				</tr>
				<tr>
					<td valign="top">ซอฟต์แวร์ที่มี</td>
					<td>
<?php 
						foreach ($allsw as $row)
						{
?>
							<input type="checkbox" id="form_sw" name="form_sw[]" value="<?=$row->softname?>" /><?=$row->softname?><br/>
<?php 
						}
?>
					</td>
				</tr>
				<tr>
					<td>ฮาร์ดแวร์ที่มี</td>
					<td>
<?php 
						foreach ($allhw as $row)
						{
?>
							<input type="checkbox" name="form_hw[]" value="<?=$row->hardname?>" /><?=$row->hardname?><br/>
<?php 
						}
?>
					</td>
				</tr>
				<tr>
					<td>สถานะ</td>
					<td>
						<select name="form_roomstat">
							<option value="ready">พร้อมใช้งาน</option>
							<option value="notready">ไม่พร้อมใช้งาน</option>
						</select>
					</td>
				</tr>
		</table>
		<input type="submit" value="เพิ่ม">
		<input type="reset" value="ล้าง">
		</form>
	</div>
	<div id="tabs-2">
		<span>ประเภทห้อง
			<select name="room_type" id="room_type">
				<option value="all">ทั้งหมด</option>
				<option value="lab">ห้องปฏิบัติการทางคอมพิวเตอร์</option>
				<option value="meeting">ห้องประชุม</option>
			</select>
		</span>
		<div id="print" class="demo">
			<table border="0" class="datatable">
				<tr>
					<th width="100">ชื่อ</th>
					<th width="100">ตึก</th>
					<th align="center" width="100px">ประเภทห้อง</th>
					<th align="center">จำนวนคนสูงสุดที่รับได้</th>
					<th align="center">จำนวนคอมพิวเตอร์ที่มี</th>
					<th align="center">ซอฟแวร์ที่มี</th>
					<th align="center">ฮาร์ดแวร์ที่มี</th>
					<th align="center">สถานะ</th>
					<th width="80px">&nbsp;</th>
				</tr>
<?php 
				foreach ($roomdata as $row) {
?>
				<tr>
					<td align="center"><?=$row->roomname?></td>
					<td align="center"><?=$row->build?></td>
					<td>
<?php 
						if($row->roomtype == 0){
							echo "ห้องปฏิบัติการทางคอมพิวเตอร์";
						}
						else if($row->roomtype == 1){
							echo "ห้องประชุม";
						}
?>
					</td>
					<td align="center"><?=$row->roommax?></td>
					<td align="center"><?=$row->comcount?></td>
					<td>
<?php 
						$sw = str_replace(",", "<br/>", $row->sw);
						echo $sw;
?>
					</td>
					<td>
<?php 
						$hw = str_replace(",", "<br/>", $row->hw);
						echo $hw;
?>
					</td>
					<td align="center">
<?php 
						if($row->roomstat == 0){
							echo "ไม่พร้อมใช้";	
						}
						else if($row->roomstat == 1){
							echo "พร้อมใช้";	
						}
?>
					</td>
					<td align="center">
						<button name="edit_btn">แก้ไข</button>
						<button name="delete_btn" onclick="window.location='<?=base_url()?>room/deleteroom/<?=$row->roomname?>'">ลบ</button>
					</td>
				</tr>
<?php 
				}
?>
			</table>
		</div>
	</div>

</div>